<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本属性</title>
    <style>
        p {
            text-align: left;
            text-indent: 24px;
        }
        h1{
            text-decoration: underline;
        }
        h2{
            text-decoration: overline;
        }
        h3{
            text-decoration: line-through;
        }
        h4{
            text-transform: capitalize;
        }
        h5{
            text-transform: uppercase;
        }
        h6{
            text-transform: lowercase;
        }
    </style>
</head>

<body>
    <!-- 
    text-align:指定文本水平对齐方式
        -left 文本居左排列，默认值
        -center 文本居中
        -right 文本居右排列
    text-decoration:属性规定添加到文本的修饰，下划线、上划线、删除线等
        -underline 定义下划线
        -overline 定义上划线
        -line-through 定义删除线
    text-transform:属性控制文本大小写
        -capitalize: 定义每个单词开头大写
        -uppercase: 定义所有字母为大写
        -lowercase: 定义所有字母为小写
    text-indent:规定文本块中首行缩进
    -->
    <p>
        标题text-align:指定文本水平对齐方式
        <br />text-decoration:属性规定添加到文本的修饰，下划线、上划线、删除线等
        <br />text-transform:属性控制文本大小写
        <br />text-indent:规定文本块中首行缩进
    </p>
    <h1>定义下划线</h1>
    <h2>定义上划线</h2>
    <h3>定义删除线</h3>

    <h4>yang</h4>
    <h5>yang</h5>
    <h6>YANG</h6>
</body>

</html>